// components/TabsOwn/TabsOwn.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    province: [
      '河北', '山西', '内蒙古', '辽宁', '吉林', '黑龙江',
      '江苏', '浙江', '安徽', '福建', '江西', '山东',
      '河南', '湖北', '湖南', '广东', '广西', '海南',
      '四川', '贵州', '云南', '西藏', '陕西', '甘肃',
      '青海', '宁夏', '新疆', '台湾'
    ],
    provinceIndex: 0,
    tabs: [
      {
        id:0,
        name: "河北",
        isActive: true
      },
      {
        id: 1,
        name: "山西",
        isActive: false
      },
      {
        id: 2,
        name: "内蒙古",
        isActive: false
      },
      {
        id: 3,
        name: "辽宁",
        isActive: false
      }
    ],
    selectedProvice: ""
  },

  /**
   * 组件的方法列表
   */
  methods: {
    handleItemTap(e){
      const {index} = e.currentTarget.dataset
      let tabs = JSON.parse(JSON.stringify(this.data.tabs))
      tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false)
      this.setData({
        tabs,
        selectedProvice: tabs[index].name
      })
      //子传父
      this.triggerEvent("ItemChange",this.data.selectedProvice)
    },
    pickerProvinceChange(e){
      this.setData({
        provinceIndex: e.detail.value,
        selectedProvice: this.data.province[e.detail.value]
      })
      //子传父
      this.triggerEvent("ItemChange", this.data.selectedProvice)
    }
  },

  // 使用自定义图标
  options: {
    addGlobalClass: true
  }
})

